Navneel

  • ./home
  • /projects
  • /experience
  • /contact
./home/projects/experience/contact

Focus Flow

Screenshot

Project screenshot placeholder

Overview

Focus Flow is a full-stack productivity app that integrates the Pomodoro Technique with task management. It allows users to link each timed session to a specific task, track progress in real-time, and review completed work—all in one intuitive interface.

Tech Stack

    Frontend: React

    Backend: Node.js & Express

    HTTP Client: Axios

    Database: MySQL

    Query Builder / ORM: Knex.js

    Authentication: OAuth 2.0

    API: RESTful API

    Deployment: Vercel

Problem Statement

Most productivity apps either offer a Pomodoro timer or a task manager—but not both. This separation makes it difficult for users to track how their focused work aligns with actual tasks. Additionally, few apps provide meaningful analytics to understand productivity patterns, leaving users without insight into their workflow. Focus Flow solves this by integrating tasks directly with the Pomodoro timer and providing session analytics, giving users a clear view of how their time translates into progress.

Key Features

Get in Touch

Need a developer? I'm available for freelance and job inquiries!

navneel-444

navneel-444

navneel-nandran

navneel-nandran

navneel.nandran@gmail.com

navneel.nandran@gmail.com

    Integrated Pomodoro Timer

    -

    Start, pause, and reset Pomodoro sessions linked directly to tasks with customizable work and break intervals.

    Task Management Integration

    -

    Create, edit, and organize tasks; assign Pomodoro sessions to specific tasks for accurate time tracking.

    Real-Time Session Tracking

    -

    Track active, completed, and skipped sessions instantly across devices with timestamps for each task.

    Analytics & Insights

    -

    Visualize productivity patterns, total time per task, and high-focus periods with easy-to-read charts and graphs.

    Secure Authentication

    -

    Auth0 and JWT-based login to keep user data private and secure.

    Responsive & Intuitive UI

    -

    Clean design optimized for mobile and desktop with quick access to tasks and timer states.

Architecture

Focus Flow is designed around a client–server architecture that intentionally separates user interaction, business logic, and data storage. The React frontend prioritizes responsiveness and uninterrupted focus during active Pomodoro sessions, while a Node.js and Express backend centralizes validation, analytics, and authentication to ensure consistency and security. By persisting tasks and sessions in a MySQL database via Knex.js, the system treats focus data as structured, queryable information rather than transient state.

This architecture enables meaningful productivity insights by reliably associating time spent with real work, not just timers. OAuth 2.0 enforces user-level data isolation, while the clear boundary between UI, API, and data layers supports maintainability, future analytics expansion, and feature growth without increasing client complexity. The result is a system that scales in insight and capability while remaining simple to use.

What I learned

    Authentication Implementation

    -

    Gained hands-on experience with OAuth 2.0, understanding how to securely manage user access and protect sensitive data.

    Real-Time UI Feedback

    -

    Learned to design and synchronize timers and task states so users experience smooth, responsive updates without blocking interactions.

    Architecture & Scalability

    -

    Designed a system with clear separation of concerns, translating the challenge of connecting timers, tasks, and analytics into a maintainable and scalable software solution.

    Problem-to-Software Translation

    -

    Experienced turning the abstract problem of improving focus and task tracking into a concrete application with measurable outcomes, including session tracking and productivity insights.

Future Improvements

    Calendar Integration

    -

    Sync tasks and Pomodoro sessions with external calendars for better planning and time management.

    Offline Support

    -

    Enable users to continue tracking focus sessions and tasks even without an internet connection.

    Monthly Email Reports

    -

    Automatically send productivity summaries to help users reflect on progress and trends over time.

    Light/Dark Mode Toggle

    -

    Allow users to switch between light and dark themes to match preferences and system settings.